<template>
  <div class="user-in">
    <div class="bg"></div>
    <div class="user-tabs">
      <van-tabs>
        <van-tab title="登录">
          <Login></Login>
        </van-tab>
        <van-tab title="注册">
          <Registere></Registere>
        </van-tab>
        <van-tab title="管理员登录">
          <Administrator></Administrator>
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>

<script>
import Login from "../../components/UserIn/Login.vue";
import Registere from "../../components/UserIn/Registere.vue";
import Administrator from "../../components/UserIn/Administrator.vue";
export default {
  name: "UserIn",
  components: {
    Login,
    Registere,
    Administrator,
  },
};
</script>

<style lang="scss" scoped>
.user-in {
  width: 100%;
  height: 100%;
  .bg {
    width: 100%;
    height: 35%;
    background: url("../../assets/images/dangshi.jpg");
    background-size: 100% 100%;
  }
  .user-tabs {
    width: 100%;
  }
  ::v-deep .van-tabs__line {
    width: 33% !important;
  }
}
</style>